<div class="al-modal-view">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">
      <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>
      <span class="sr-only">Close</span>
    </button>
    <h4 class="modal-title ok-color">{{modalTitle}}</h4>
  </div>
  <div class="modal-body">
    <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
      <div class="form-group">
        <label class="col-sm-3 control-label">所属房间</label>
        <div class="col-sm-9">
          <div class="form-control info-text">{{data.houseNo}}</div>
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">所属合同</label>
        <div class="col-sm-9">
          <div class="form-control info-text">{{data.contractNo}}</div>
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">姓名<span class="attr-need">*</span></label>
        <div class="col-sm-9">
          <input class="form-control" type="text" placeholder="住客姓名" required ng-model="data.customerName">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">身份证<span class="attr-need">*</span></label>
        <div class="col-sm-9">
          <input class="form-control" type="text" placeholder="住客身份证" required
                 ng-pattern="$root.idCardVd"
                 ng-model="data.customerCard">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">手机号</label>
        <div class="col-sm-9">
          <input class="form-control" type="text" placeholder="住客手机号"
                 ng-pattern="$root.phoneVd" ng-model="data.customerPhone">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">性别</label>
        <div class="col-sm-9">
          <nobr>
            <label class="ui-radio" ng-repeat="option in modalSexList">
              <input name="sex" ng-value="option.value" type="radio" ng-model="data.sex">
              <span>{{option.name}}</span>
            </label>
          </nobr>
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">民族</label>
        <div class="col-sm-9">
          <input class="form-control" type="text"
                 ng-model="data.nation">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">职业</label>
        <div class="col-sm-9">
          <input class="form-control" type="text"
                 ng-model="data.job">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">地址</label>
        <div class="col-sm-9">
          <input class="form-control" type="text"
                 ng-model="data.address">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">状态</label>
        <div class="col-sm-9">
          <nobr>
            <label class="ui-radio" ng-repeat="option in modalStatusList">
              <input name="status" ng-value="option.value" type="radio" ng-model="data.status">
              <span>{{option.name}}</span>
            </label>
          </nobr>
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">身份证正面</label>
        <div class="col-sm-6 id-card-container">
          <img ng-src="{{data.cardFront || 'images/id_card_front.jpg'}}"
               ng-click="uploadImageData('#cotenant-idcard-front')">
          <input id="cotenant-idcard-front" style="display: none" type="file">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label">身份证反面</label>
        <div class="col-sm-6 id-card-container">
          <img ng-src="{{data.cardBack || 'images/id_card_back.jpg'}}"
               ng-click="uploadImageData('#cotenant-idcard-back')">
          <input id="cotenant-idcard-back" style="display: none" type="file">
        </div>
      </div>


    </ng-form>
  </div>
  <div class="modal-footer">
    <button class="btn btn-warning no-border" type="button" ng-click="cancel()">取消</button>
    <button class="btn btn-primary no-border" type="button" ng-click="confirm()" ng-disabled="modalForm.$invalid">确定</button>
  </div>
</div>